<template>
   <view>
       <view class="header">
         2024-5-3
       </view>
       <view class="calendar">
          <view class="week">
             <view class="week_item" v-for="(item,index) in weekList" :key="item">{{item}}</view>
          </view>
          <view></view>
       </view>
       <view class="footer">

       </view>
   </view>
</template>

<script setup>
  import {ref} from "vue"
  const weekList=ref(['日', '一', '二', '三', '四', '五', '六'])
  const props=defineProps({
    dayList: {
      type: Array,
      default: () => [],
    },
  })
</script>

<style lang="scss" scoped>
  .header{
    height: 90rpx;
    line-height: 90rpx;
    background: #EEE9FF;
    border-radius: 10rpx 10rpx 0rpx 0rpx;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 36rpx;
    color: #000000;
    text-align:center;
  }
  .week{
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 36rpx;
    color: #333333;
    .week_item{
      flex:1;
      padding:30rpx 0;
      text-align:center;
    }
  }
</style>
